<script setup>
import highLightComponent from "@/component/highLightComponent/index.vue";

let code = `
<template>
  <div ref="codeRef">
    <div>
      <SvgIconComponent icon="https://res.lgdsunday.club/user.svg"></SvgIconComponent>
    </div>
    <el-divider/>
    <div>
      <SvgIconComponent icon="password"></SvgIconComponent>
      <highlightjs :autodetect="false" :code="code" language="JavaScript"></highlightjs>
    </div>
  </div>
</template>`


</script>

<template>
  <div ref="codeRef">
    <div>
      <SvgIconComponent icon="https://res.lgdsunday.club/user.svg"></SvgIconComponent>
    </div>
    <el-divider/>
    <div>
      <SvgIconComponent icon="password"></SvgIconComponent>
    </div>

    <div>
      <highLightComponent :code="code"></highLightComponent>
    </div>
  </div>
</template>

<style scoped></style>